$(function(){
//=======================第一行拓展区域====================================
//获取顾客大致地点
	$('.a1').removeAttr("href");
	$('.a1').click(function(){
		$(this).css({background:"#C81623",color:"white"}).siblings().css({background:"#FFFFFF",color:"#8F6666"});
	});
	$('.navigation_left').hover(function(){
		$(this).children('.space').css({display:"block"});
	},function(){
		$(this).children('.space').css({display:"none"});
	});
	$('.not_spacer, .jd_phone').hover(function(){
		$(this).children('.not_son').css({display:"block"});
	},function(){
		$(this).children('.not_son').css({display:"none"});
	});
//=======================第一行拓展区域========================================
//==========================删除广告=========================================
	$('#delete').click(function(){
		$(this).parents('.head').remove();
	});
//=======================购物车以及搜索框==================================	
	$('.box').focusin(function(){
		$(this).removeAttr("value");		
	});
	$('.box').focusout(function(){
		$(this).attr("value","破壁料理机");
	});
	$('.car').hover(function(){
		$(this).siblings('.car_hidden').css({display:"block"});
	},function(){
		$(this).siblings('.car_hidden').css({display:"none"});
	});
	
//==========================左侧拉出栏======================================

	window.onscroll = function(){	//滚动条事件
	//	setTimeout(go_with,500);
		scrollTop = document.documentElement.scrollTop;
	}
		
	$('.left_menu').mouseenter(function(){				
		if(scrollTop >= 260&& scrollTop <= 710){
			var num = scrollTop-260;
		}
		$('.menu_hidden1').css({position:"absolute",top:num+"px",left:"210px"});
		$(this).children('.menu_hidden1').css({display:"block"});
	});
	$('.left_menu').mouseleave(function(){
		$('.menu_hidden1').css({position:"absolute",top:"0px",left:"210px"});
		$(this).children('.menu_hidden1').css({display:"none"});
	});	
	
//==方法二：还能用全局定位的方法使侧拉栏随着浏览器一起动======================	

//	function change(){
//		var scrollTop=document.documentElement.scrollTop;
//		alert(scrollTop);
//	}
//	change();


//===================左侧的全局定位楼层=====================================
//	window.onscroll = function(){	
//	//	setTimeout(go_with,500);
//		pp = document.documentElement.scrollTop;
//		if(pp>1200){
//			selected(pp);
//		}else if(p < 9400){
//			none();
//		}
//		
//	}
//
//	function selected(pp) {
//		$('#floor').css({display:"block"});	
//		if
//	}
//	function(){
//		$('#floor').css({display:"none"});	
//	}
		
		$(window).scroll(function(){
			
			var ling = $(document).scrollTop();
			// 在标题栏显示滚动的距离
		//	document.title = ling;	
			if(ling >= 1500){
				$('#box').show();
			}
			if(1500<ling && ling<2200){
				// 让第一层的数字隐藏，文字显示，让其他兄弟元素的li数字显示，文字隐藏			
				$('#box ul li').eq(0).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(0).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();	
				
			}else if(ling<2900){
				$('#box ul li').eq(1).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(1).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<3530){
				$('#box ul li').eq(2).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(2).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<4100){
				$('#box ul li').eq(3).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(3).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<4850){
				$('#box ul li').eq(4).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(4).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<5500){
				$('#box ul li').eq(5).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(5).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<6160){
				$('#box ul li').eq(6).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(6).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<6800){
				$('#box ul li').eq(7).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(7).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<7400){
				$('#box ul li').eq(8).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(8).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<8150){
				$('#box ul li').eq(9).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(9).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}else if(ling<8700){
				$('#box ul li').eq(10).addClass("ppd").find('.num').hide().siblings('.word').css('display','block');
				$('#box ul li').eq(10).siblings('li').removeClass("ppd").find('.num').css('display','block').siblings('.word').hide();
			}
			if(ling>8800 || ling < 1500){
				$('#box').hide();
			}		
		});
		$('#box ul li').click(function(){
				var goole = $(this).index();
				//感觉这里用js写的话可以有更好的效果
				
				switch(goole){
					
					case 0 : $('html,body').animate({scrollTop:"1790"},1000);
					break;
					case 1 : $('html,body').animate({scrollTop:"2570"},1000);
					break;
					case 2 : $('html,body').animate({scrollTop:"3305"},1000);
					break;
					case 3 : $('html,body').animate({scrollTop:"3920"},1000);
					break;
					case 4 : $('html,body').animate({scrollTop:"4545"},1000);
					break;
					case 5 : $('html,body').animate({scrollTop:"5285"},1000);
					break;
					case 6 : $('html,body').animate({scrollTop:"5897"},1000);
					break;
					case 7 : $('html,body').animate({scrollTop:"6517"},1000);
					break;
					case 8 : $('html,body').animate({scrollTop:"7128"},1000);
					break;
					case 9 : $('html,body').animate({scrollTop:"7870"},1000);
					break;
					case 10 : $('html,body').animate({scrollTop:"8493"},1000);
					break;					
				}
			});
			$(function(){				
				$('#box ul li').hover(function(){
					
					$(this).find('.num').hide().siblings('.word').css({'display':'block','background':'#CB1C39','color':'white'});					
				},function(){
					if($(this).hasClass('ppd')){
						$(this).children('.word').css({'color':'#CB1C39','background':''});
					}else{
						$(this).find('.num').css({'display':'block','background':'white','color':'#666'}).siblings('.word').hide().css({'display':'none','background':'','color':''});
					}
										
				});			
			});
//==================右侧全局定位======================================	
		
	$('.pr').hover(function(){
		$(this).children('.tiny').stop().animate({width:"62px"},300);
		$(this).children('.pr1').css({"border-bottom-left-radius": "0px", "border-top-left-radius":"0px"});
	}, function(){
		$(this).children('.tiny').stop().animate({width:"0px"},300);
		$(this).children('.pr1').stop().animate({"border-bottom-left-radius": "4px", "border-top-left-radius":"4px"},600);
	});
	
	$('#top').click(function(){
		$('html,body').animate({scrollTop:"0"},2000);
	});




//=====================主窗口动画===========================================



	var show = $('.main_goods_show');
	var click = $('.clickList');
	var num = 0;
	var big = $('#big');
	var small = $('#small');
	var b = 0;
	var run = function(){
		show.eq(num).fadeIn().siblings().fadeOut();
		click.eq(num).css('background-color','#B61B1F').siblings().css('background-color','');
		num++;
		if(num==show.length){
			num=0;
		}		
	}
	run();
	$('body').dblclick(function(){
		return false;
	});
	var time = setInterval(run, 2500);
	$('#right_arrow').click(function(){
		run();	
	});
	$('#left_arrow').click(function(){
		num = num - 2;
		if(num == -2){
			num = show.length-2;
		}
		if(num == -1){
			num = show.length-1;
		}
		run();
	});

	click.mouseenter(function(){
		num = $(this).index();
		run();
	});

	$('.content_center').hover(function(){
		$('.t_bro').fadeTo(200,0.5);
 		clearInterval(time);
	} , function(){
		$('.t_bro').fadeTo(200,0);
		time = setInterval(run, 2500);
	});
//===============右边的小东西=====================
	var search = $('.hidden_quick');
	var content = $('.q_contents');
	function find(){		
		search.slideDown(500);		
	}
	
	function findout(num){					
		content.eq(num-1).css({display:"block"});	
		$('.hidden_head').eq(num-1).css({"border-top":"2px solid #C81623","border-bottom":"none"});
	}
	$('.big_quick').mouseleave(function(){
		search.stop().delay(2500).slideUp(500);
	});
	$('.quick').mouseenter(function(){		
		num = $(this).index();
		if(num <= 4){
			find();
		}
		findout(num);		
	});
	$('#deleted').click(function(){
		search.slideUp(500);
	});
$('.hidden_head').mouseenter(function(){
		$(this).css({"border-top":"2px solid #C81623","border-bottom":"none"});
		$(this).children('.q_contents').css({display:"block"});
		$(this).siblings('.hidden_head').children('.q_contents').css({display:"none"});	
		$(this).siblings('.hidden_head').css({"border-top":"1px solid #E4E4E4","border-bottom":"1px solid #E4E4E4"});
	});
	$('.t_li').mouseenter(function(){
	
		$(this).children('.sp1').css({color:"#FFFFFF",background:"#C81623"});
		$(this).children('.huafei').css({display:"block"});
		$(this).siblings('.t_li').children('.huafei').css({display:"none"});
		$(this).siblings('.t_li').children('.sp1').css({color:"#666666", background:"#FFFFFF"});
	});
//==========================循环轮展图=========================

	$(".next").on('click',function() {
		nextscroll();
	});
	
	function nextscroll(){
		var mc = $(".mc ");  //主体的div名
		var offset = ($(".mc li").width()) * -1;
		mc.stop().animate({left:offset}, 1000,function() {
			var firstItem = $(".mc ul li").first();
			mc.find("ul").append(firstItem);    //将div的一组元素添加到末尾
			$(this).css("left", "0px");
		});
	}
	var time1 = setInterval(nextscroll,2500);
	$('.time_main_content').hover(function(){
		clearInterval(time1);
		$('.tu_bro').fadeTo(200,0.5);
	},function(){
		time1 = setInterval(nextscroll,2500);
		$('.tu_bro').fadeTo(200,0);
	});
	
	$(".prev").on('click',function() {
		var mc = $(".mc ");
		var offset = ($(".mc li").width() * -1);
		var lastItem = $(".mc ul li").last();
		mc.find("ul").prepend(lastItem);
		mc.css("left", offset);
		mc.animate({left: "0px"}, 1000);
	});
//====================左下角评价=========================	

	function downscroll() {
		var evluta = $("#evluta");	
		var lastItem = $("#evluta li").last();
		evluta.prepend(lastItem);
		evluta.css("top", "-960px");
		evluta.animate({
			top: "-840px"
		}, 1000);
	}
	var time3 = setInterval(downscroll,3500);
	
	$('.expand_right').hover(function(){
		clearInterval(time3);
	
	},function(){
		time3 = setInterval(downscroll,3500);
		
	});
//=================换一换============================


	$(".change").click(function() {
		change_content();
	});
	
	function change_content(){
		var bg = $(".change_content");  //主体的div名
		var offset2 = ($(".change_content ul").width()) * -1;
		bg.stop().animate({left:offset2}, 200,function() {
			var firstItem = $(".change_content ul").first();
			bg.append(firstItem);    //将div的一组元素添加到末尾
			$(this).css("left", "0px");
		});
	}
	var time2 = setInterval(change_content,3000);
	$('.change_content ,.change').hover(function(){
		clearInterval(time2);
		$(".huanyihuan").css({backgroundPosition:"73px -25px"});
		
	},function(){
		time2 = setInterval(change_content,3000);
		$(".huanyihuan").css({backgroundPosition:"73px 0px"});
	});
//=========================向左走===================================	
	$('.go_left').hover(function(){
		$(this).stop().animate({left:"-8px"},300);		
	},function(){
		$(this).stop().animate({left:"0px"},300);
	});
//======================好多好多选择页面==============================
	
 	var boss = null;	
	$('.no').hover(function(){	
		
		$(this).css({"border-bottom": "1px solid #FFFFFF","border-left":"1px solid #C81623","border-right": "1px solid #C81623","border-top": "3px solid #C81623","z-index":"4"});
		$(this).siblings('.no').css({"border-left":"1px solid #FFFFFF","border-bottom": "1px solid #C81623","border-right": "1px solid #FFFFFF","border-top": "3px solid #FFFFFF","z-index":"1"});			
		boss = ($(this).index())/2;
		$(this).parents('.floor_title').next('.use_title').children('.much').eq(boss).css({display:"block"}).siblings('.much').css({display:"none"});		
	});

//========================左边伪装动态图片================================
	$('.special_left').hover(function(){
		$(this).children('.left_spcial').stop().animate({top:"200px",left:"210px"},800);	
//		alert($(this).css("left"));
//		if($(this).css('left')=="200px");
	}, function(){
		$(this).children('.left_spcial').stop().css({top:"-350px",left:"-200px"});
	});

});











